<template>
  <div>{{ count }}</div>
  <div>666</div>
  <el-button icon="Edit" type="primary">编辑</el-button>
  <el-button @click="addBtn" icon="Plus" type="success">新增</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button icon="Close" type="danger">Danger</el-button>
  <el-icon>
  <Edit />
  </el-icon>
  </template>
  <script setup lang="ts">
  import {computed} from "vue";
  import {testStore} from '@/store/test/index'
  //获取store
  const store = testStore()
  //从store里面获取count
  const count = computed(()=>{
  return store.getCount
  })
  //改变store里面的值
  const addBtn = ()=>{
  store.setCount(++store.count)
  }
  </script>
  <style scoped>
  .read-the-docs {
  color: #888;
  }
  </style>